/***************************************************************************
	Main stylesheet for prometheus/discourse, included in every page
	on the site.
***************************************************************************/

/*--------------------------------------------------------------------------
	Drag and Drop
--------------------------------------------------------------------------*/

.hover {
background-color: #888888;
}
#context_item ul li, #list_item ul li {
list-style: none;
cursor: move;
}
#context_item, #list_item {
border: 1px solid gray;
}

/*--------------------------------------------------------------------------
	Page Layout 
--------------------------------------------------------------------------*/
body {
	margin: 0px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 82%;
  	line-height: 1.3em;
	}

.wrapper { }

#banner {
	height: 2em;
	background-color: #79C142;
	background-image: url(/images/bamboo.jpg);
	background-repeat: repeat-x;
}

#logo {
	position: absolute;
	top: 0.25em;
	left: 0.25em;
}
#logo img {
	width: 6em;
	height: 3em;
}

#leftsidebar {
	float: left;
	width:10em;
	padding:0.5em;
}

#content {
	margin-left: 11.5em;
	margin-right:13.5em;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 11.5em;
	margin-right:13.5em;
}
html>body #content {
	margin-left: 11.5em;
	margin-right:13.5em;
}

#rightsidebar {
	width:12em;
	padding:0.5em;
	float: right;
}

#footer {
	text-align: center;
	clear: both;
}

#signature {
	color: #666666;
	clear: both;
	margin: 1em;
	font-size: 0.8em;
}
#signature a { color: #666666; }
#signature a:hover { color: #330000; }

h1 {
	font-size: 1.2em;
	font-weight: bold;
}
h2 {
	font-size: 1.1em;
	font-weight: bold;
}

a { color: #000000; }
a:hover { color: #0000EE; }

pre {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

/*--------------------------------------------------------------------------
	Navigation
--------------------------------------------------------------------------*/

 .mainmenu {
}
.mainmenu ul {
	background: #676767;
	padding: 0em 0em 0em 8em;
	margin: 0em;
	border-top: thin solid #676767;
}
.mainmenu li {
	list-style-type: none;
	display: inline;
	margin: 0;
	text-align: center;
	white-space: nowrap;
	border-top: thin solid #CCCCCC;
	border-right: thin solid #000000;
	border-left: thin solid #CCCCCC;
}
.mainmenu li a {
	color: #FFFFFF;
	text-decoration: none;
	margin: 0em;
	padding-right: 0.3em;
	padding-left: 0.3em;
}


li.menuoption_unitplans { visibility: hidden;}

li:hover.menuoption_stories { background-color: #79C142; }
li:hover.menuoption_community { background-color: #00A5D4; }
li:hover.menuoption_users { background-color: #0C84C2; }
li:hover.menuoption_workspaces { background-color: #6068AC; }
li:hover.menuoption_resources { background-color: #B74299; }
li:hover.menuoption_discussions { background-color: #E02C7B; }
li:hover.menuoption_help { background-color: #F2683D; }
li:hover.menuoption_about { background-color: #F2683D; }
li:hover.menuoption_community_admin { background-color: #F1C13B; }

.breadcrumbs {
	background-color: #79C142;
	height: 1.5em;
	width: 100%;
	color: #FFFFFF;
	font-size: 0.8em;
	text-indent: 2em;
}
.breadcrumbs a {
	color: #FFFFFF;
	text-decoration: none;
}
.breadcrumbs a:hover {
	font-weight: bold;
}

.footermenu {
	background-color: #79C142;
	height: 1.5em;
	width: 100%;
}
.footermenu ul {
	margin-left: 8em;
}
.footermenu li {
	list-style-type: none;
	display: inline;
	margin: 0.15em;
	padding: 0.3em;
	font-size: 0.8em;
	white-space: nowrap;
}
.footermenu li a {
	color: #FFFFFF;
	text-decoration: none;
}
.footermenu li a:hover {
	font-weight: bold;
}

/*--------------------------------------------------------------------------
	Sidebar Elements
--------------------------------------------------------------------------*/
#login, #logout {
	background-color: #676767;
	color: #FFFFFF;
	font-size: 0.9em;
	padding: 0.3em;
}
#login input[type="text"], #login input[type="password"], #login input[type="submit"] {
	font-size: 0.9em;
	margin: 0.2em;
}

#login a, #logout a {
	color: #FFFFFF;
}
#login a:hover, #logout a:hover {
	color: orange;
}

.searchbox {
	background-color: #79C142;
	color: #000000;
	margin-top: 0.5em;
	padding: 0.3em;
}
.searchbox input[type="text"], .searchbox input[type="submit"], .searchbox button {
	font-size: 0.9em;
	margin: 0.2em;
}
.searchbox {
	font-size: 0.9em;
	color: #FFFFFF;
}

.options {
	/* background-color: #E6BAA3;*/
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.options ul {
	list-style-position: inside;
	margin: 0em;
	padding: 0em;
}
.options li {
	padding: 0.1em;
	font-size: 0.9em;
	list-style-image: url(/images/arrow.gif);
}
.options li a {
	text-decoration: none;
	color: #79C142;
}
.options li a:hover {
	text-decoration: underline;
}

/*--------------------------------------------------------------------------
	Global Search Styles
--------------------------------------------------------------------------*/

.globalsearchbox {
	padding: 0em;
	position: absolute;
	top: 0.3em;
	right: 0.3em;
}
.globalsearchbox input[type="text"], .globalsearchbox input[type="submit"], .globalsearchbox button {
	font-size: 1.1em;
	margin: 0.2em;
}
.resultsheader {
	border-bottom: 3px solid #79C142;
	color: #79C142;
}
.searchresults {
	margin-left: 4em;
    	margin-bottom: 2em;
}

/*--------------------------------------------------------------------------
	Object Presentation Text
--------------------------------------------------------------------------*/
.objecttext {
	padding: 0.3em;
}

div.objectauthor, div.objectkeywords, div.objectlink, div.objectoptions {
	font-size: 0.8em;
	font-style: italic;
	color: #666666;
}
div.objectauthor a, div.objectkeywords a, div.objectlink a, div.objectoptions a, div.objectrelations a {
	color: #666666;
}
div.objectauthor a:hover, div.objectkeywords a:hover, div.objectlink a:hover, div.objectoptions a:hover, 
div.objectrelations a:hover {
	color:  #0000EE;
}

div.objectoptions {
	padding: 0.3em;
}
div.objectrelations {
	padding: 0.3em;
	margin-left: 3em;
}
div.objectrelations a {
	margin-left: 4em;
}

/*--------------------------------------------------------------------------
	Home Page Elements
--------------------------------------------------------------------------*/
.chat {
	margin-bottom:0.3em;
	color: #000000;
	font-size: 0.9em;
	border: 1px dotted #79C142;
	background-color: #EDF8E2;
}
.chatheading {
}

ul.chatlist {
	margin: 0.2em;
	padding: 0;
	list-style-position: inside;
	font-size: 0.9em;
}

.chatevent {
	padding: 0.2em;
  	border-bottom: thin dotted #CCCCCC;
	word-wrap: break-word;
	overflow: hidden;
}
.chatevent a {
	color: #000000;
}
.chatevent a:hover {
	color: #0000EE;
}

.newresources, .mydiscussions, .myworkspaces, #keyword_navigator {
	margin-bottom:0.3em;
	color: #000000;
	font-size: 0.9em;
	overflow: hidden;
}
.shortcutlistheader {
	padding: 0.1em;
	color: #FFFFFF;
	font-size: 1.1em;
}
.myworkspaces {
	border: thin dotted #6068AC;
}
.myworkspaces .shortcutlistheader{
	background-color: #6068AC;
}
.mydiscussions {
	border: thin dotted #E02C7B;
}
.mydiscussions .shortcutlistheader {
	background-color: #E02C7B;
}
.newresources, #keyword_navigator {
	border: thin dotted #B74299;
}
.newresources .shortcutlistheader, #keyword_navigator .shortcutlistheader {
	background-color: #B74299;
}

.shortcut {
	padding: 0.1em;
}
.shortcut a {
	color: #000000;
}
.shortcut a:hover{
	color: #0000EE;
}

/*--------------------------------------------------------------------------
	Form - table layout Styles
--------------------------------------------------------------------------*/

div.row {
  clear: both;
  padding-top: 0.5em;
  }

div.row label {
  float: left;
  width: 13em;
  text-align: right;
  padding-right: 0.5em;
  }

/*--------------------------------------------------------------------------
	Story Styles
--------------------------------------------------------------------------*/
.story {
	margin: 0.3em;
	margin-bottom:1em;
	padding: 0.3em;
	font-size: 1em;
	border-bottom: thin dotted #999999;
}
.storyimage {
	float: right;
}
.storytitle {
	padding: 0.3em;
	font-size: 1em;
	font-weight: bold;
}
.storytitle a {
	color: #000000;
	text-decoration: none;
}
.storytitle a:hover {
	color: #0000EE;
	text-decoration: underline;
}

/*--------------------------------------------------------------------------
	User Styles
--------------------------------------------------------------------------*/
.user {
	border: thin dotted #0C84C2;
	margin-top:0.5em;
	margin-bottom:0.5em;
	color: #000000;
}
.usertitle {
	background-color: #ECF4F8;
	border-bottom: thin dotted #0C84C2;
	padding: 0.3em;
	font-size: 1em;
	font-weight: bold;
}
.usertitle a {
	color: #0C84C2;
	text-decoration: none;
}
.usertitle a:hover { 
	color: #0000EE; 
}
.userphoto {
	clear: none;
	float: left;
	height: auto;
	width: auto;
	margin: 0.3em;
}
.user_list {
	border: none;
	margin: 0;
	padding: 0.1em;
	font-size: 1em;
}
.user_oddline {	background-color: #E1F0F6; }
.user_evenline { background-color: #F2F6F8; }
.user_name a {
	color: #000000;
	text-decoration: none;
}
.user_name a:hover { color:  #0000EE; }
.user_affiliation {
	font-size: 0.8em;
	font-style: italic;
	color: #666666;
}
.user_affiliation a { 
	color: #666666;
	text-decoration: none; 
}
.user_affiliation a:hover { color:  #0000EE; }

.changepasswordbox {
	margin: 1em;
	background-color: #F6EBEF;
	padding: 0.5em;
	border: thin dotted #CCCCCC;
}

/*--------------------------------------------------------------------------
	Resource Styles 
--------------------------------------------------------------------------*/
.resourcesheading {
	font-size: 1.3em;
	font-weight: bold;
}
.resource {
	border: thin dotted #B74299;
	margin-top:0.5em;
	margin-bottom:0.5em;
	color: #000000;
}
.resource-private {
	background-color: #F9EFF6;
	border: thin solid #B74299;
	margin-top:0.5em;
	margin-bottom:0.5em;
	color: #000000;
}
.resourcetitle {
	background-color: #F9EFF6;
	border-bottom: thin dotted #B74299;
	color: #B74299;
	padding: 0.3em;
	font-size: 1em;
	font-weight: bold;
}
.resourcetitle a {
	color: #B74299;
	text-decoration: none;
}
.resourcetitle a:hover {
	color:  #0000EE;
}

/*--------------------------------------------------------------------------
	Discussion Styles
--------------------------------------------------------------------------*/
.discussion {
	border: thin dotted #E02C7B;
	margin-top:0.5em;
	margin-bottom:0.5em;
	color: #000000;
}
.discussiontitle {
	background-color: #F6EBEF;
	border-bottom: thin dotted #E02C7B;
	padding: 0.3em;
	font-size: 1em;
	font-weight: bold;
}
.discussiontitle a {
	color: #E02C7B;
	text-decoration: none;
}
.discussiontitle a:hover {
	color:  #0000EE;
}

.discussion_list {
	border: none;
	margin: 0;
	padding: 0.1em;
	font-size: 1em;
}
.discussion_list_header { 
	font-size: 0.7em; 
	white-space: nowrap;
}
.discussion_oddline {	background-color: #FBDFEA; }
.discussion_evenline { background-color: #FEF6F9; }
.discussion_title a {
	color: #000000;
	text-decoration: none;
}
.discussion_title a:hover { 
	color:  #0000EE;
	text-decoration: underline; 
}

/* want to rename this box to subscriberbox when I find the file it is called from */
.workspacebox {
	font-size: 0.9em;
	border: thin solid #CCCCCC;
	padding: 0.2em;
	margin: 0.2em;
}
ul.subscriberlist {	
	padding: 0em;
	margin: 0.2em;
	list-style-position: inside;
	font-size: 0.9em;
}
ul.subscriberlist li {
	list-style-image: url(/images/icon_person.gif);
}

.dt-threadhead, .dt-threadheadActive, .dt-preview, .discussionmessage {
	/*background-color: #FBDFEA;*/
	border: thin dotted #E02C7B;
	padding: 0.3em;
	margin: 0.1em;
}
.reply, .replyActive {
	/*background-color: #FEF6F9;*/
	border: thin dotted #E02C7B;
	padding: 0.3em;
	margin: 0.1em;
}
.dt-threadheadActive, .replyActive { border: thin solid #E02C7B; }
.replyActive { background-color: #FBDFEA; } 
.dt-preview {
	background-color: #F5EFB2;
	border: thin solid #E02C7B;
}
.threadheader { background-color: #F5B2CD; }
.replyheader { background-color: #FBDFEA; }

.unreadicon, .readicon {
	padding-left: 0.2em;
	padding-right: 0.2em;  
	font-weight: bold;
}
.unreadicon { 
	background-color: #E02C7B;
	color: #FFFFFF;
}
.unreadnumber { color: #E02C7B; }

.button {
	font-size: 0.9em;
	color: #000000;
	background-color: #ECECEC;
	border-top: 1.5pt solid #FFFFFF;
	border-right: 1.5pt solid #A3A3A3;
	border-left: 1.5pt solid #FFFFFF;
	border-bottom: 1.5pt solid #A3A3A3;
}
.button a {
	color: #000000;
	text-decoration: none;
}


/*--------------------------------------------------------------------------
	Workspace Styles
--------------------------------------------------------------------------*/
.workspace {
	border: thin dotted #6068AC;
	margin-top:0.5em;
	margin-bottom:0.5em;
	color: #000000;
}
.workspacetitle {
	background-color: #E9EBF2;
	border-bottom: thin dotted #6068AC;
	padding: 0.3em;
	color: #6068AC;
	font-size: 1em;
	font-weight: bold;
}
.workspacetitle a {
	color: #6068AC;
	text-decoration: none;
}
.workspacetitle a:hover {
	color:  #0000EE;
}

/*--------------------------------------------------------------------------
	Note/wikipages Styles
--------------------------------------------------------------------------*/
.note {
	border: thin solid #CCCCCC;
	margin-top:0.5em;
	margin-bottom:0.5em;
	color: #000000;
}
.notetitle {
	padding: 0.3em;
	font-size: 1em;
	font-weight: bold;
}
.notetitle a {
	color: #000000;
	text-decoration: none;
}
.notetitle a:hover {
	color:  #0000EE;
}

.toolbar {
	float: right;
}
.toolbar a {
	margin: 0em;
	padding: 0em 0.5em 0.01em;
	border: outset 2px #D1D1D1;
    background-color: #F0F0F0;
	font-size: 0.9em;
    text-decoration: none;
}
.toolbar a:hover {
    background-color: #F0F0F0;
    color: #000;
}
.toolbar a:active {
    background-color: #F0F0F0;
	border: inset 2px #D1D1D1;
    color: #000;
}

/*--------------------------------------------------------------------------
	the following is not revised yet...
--------------------------------------------------------------------------*/

/* Keywords Footer */

.keywordfootermenu {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: x-small;
        color: #FFFFFF;
        text-align: center;
}

.keywordfootermenu a {
        color: #FFFFFF;
        text-align: center;
        text-decoration: none;
}

.keywordfootermenu a:hover {
        color: orange;
}

td.keywordfooter {
  font-size: x-small;
}


/* Borders */

.fullborder {
	border: 1pt solid #000000;
}

.horizontalborder {
	border: 1pt solid #000000;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
}

.topborder {
	border-top: 1pt solid #99CC66;
	border-right: 1pt none #99CC66;
	border-bottom: 1pt none #99CC66;
	border-left: 1pt none #99CC66;
}

.bottomborder {
	border: 1pt solid #000000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
}


/* Boxes  */

.greenborderbox {
	border: 1pt solid #99CC66;
}

td.greenbox a:hover { 
	color: #0000EE; 
}

.purplebox {
	border-top: thin solid #CCCCFF;
	border-right: thin solid #CCCCFF;
	border-bottom: thin solid #CCCCFF;
	border-left: thin solid #CCCCFF;
	padding: 5px;
	margin: 8px;
	background-color: #EAEAFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

td.purplebox a:hover { 
	color: #0000EE; 
}

.greybox {
	border: 1pt solid #888888;
	background-color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}


/* Text  */

.normal {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: small; 
	font-style: normal
}

p.attentionheading {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:medium;
  font-style: normal;
  font-weight: bolder;
  color: #FF0000;
}

p.heading {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:medium;
  font-style: normal;
  font-weight: bold;
  color: #000000;
}

p.basictext {
  margin-left:1em;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: small;
  font-weight: lighter;
  color: #000000;
  text-decoration: none;
}

.heading1 {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: small; 
font-weight: bold; 
color: #336600
}

.heading2 {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: small; 
font-weight: bold; 
color: #000000
}

td.heading2 a {
text-decoration: none;
color: #000000; 
}

td.heading2 a:hover {
color: #FFFFFF; 
}

.boxheading {  
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: medium; 
  font-weight: bold;
  color: #000000
}

.boxtext {  
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: small; 
  color: #000000
}

.date {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: x-small; 
font-style: italic; 
color: #000000
}

.postedby {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: x-small
}

.featured {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: small
}

.footnote { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: x-small; 
font-style: normal 
}

select.register 
{ width: 50%; }

table.single 
{margin:1em;}

textarea.single 
{margin:1em; width:60%; }

/*alu*/

.textsmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
}

a.dt:link {color: #000000; text-decoration: underline; }
a.dt:active {color: #000000; text-decoration: underline; }
a.dt:visited {color: #000000; text-decoration: underline; }
a.dt:hover {color: #000000; text-decoration: none; }

a.dt-raquo:link {color: #000000; text-decoration: none; }
a.dt-raquo:active {color: #000000; text-decoration: none; }
a.dt-raquo:visited {color: #000000; text-decoration: none; }
a.dt-raquo:hover {color: #000000; text-decoration: none; }


/*--------------------------------------------------------------------------
	TO BE DELETED - after .rhtml documents have been checked for remaining class references
--------------------------------------------------------------------------

.pagebg {
	background-color: #FFFFFF;
}

.headerbg {
	background-color: #3C4E1F;
	background-image:  url(file:///Macintosh%20HD/Users/viil/Sites/Prometheus/prometheus/public/images/bamboo.jpg);
	background-repeat: repeat-x;
}


.menu1bg {
	background-color: #3C4E1F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.menu1 {
	background-color: #3C4E1F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	border-top: 1pt solid #CCCCCC;
	border-right: 1pt solid #333333;
	border-left: 1pt solid #CCCCCC;
	text-align: center;
}

.menu1 a {
	text-decoration: none;
	color: #FFFFFF;
}

.menu1 a:hover {
	text-decoration: none;
	font-weight: normal;
	color: orange;

}

.menu1chosen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.sidebarbg {
	background-color: #FFFFFF;
}

input.sidebar {
  margin-bottom:2px;
  margin-top:2px;
}

.orangebox {
	border-top: thin solid #FFCC00;
	border-right: thin solid #FFCC00;
	border-bottom: thin solid #FFCC00;
	border-left: thin solid #FFCC00;
	background-color: #FFF4CC;
	padding: 5px;
	margin: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

td.orangebox a:hover { 
	color: #0000EE; 
}


.menu2bg {
	background-color: #7FA541;
}

.menu2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	text-align: center;
}

.menu2 a {
	color: #FFFFFF;
	text-decoration: none;
}

.menu2 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: red;
}

.menu2chosen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	text-align: center;
	font-weight: bold;
}

.menu2chosen a {
	color: #000000;
	text-decoration: none;
}

.menu2chosen a:hover {
	color: red;
}

.resourcebox {
	border: 1pt solid #FFCC00;
	background-color: #FFF4CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	padding: 5px;
}

p.story 
{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: small; 
  color: #FFFFFF; 
  text-decoration: none;
}

form.storybrmk 
{
  padding:0%;
  height:0;
}

input.unit_longtext { width:80% }
textarea.unitplan
{ 
width:80%;
}

textarea.eighty 
{ width:80%; vertical-align:text-top; }

p.banner 
{
	margin-top:0%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	background-position: left;
}

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	background-color: #3399cc;
	border-top: 2pt solid #91C8FF;
	border-right: 2pt solid #006699;
	border-left: 2pt solid #91C8FF;
	border-bottom: 2pt solid #006699;
	font-weight: bold;
}

.button a {
	color: #000000;
	text-decoration: none;
}

.button a:hover {
	color: red;
}

.greenbox {
	border-top: thin solid #99CC66;
	border-right: thin solid #99CC66;
	border-bottom: thin solid #99CC66;
	border-left: thin solid #99CC66;
	padding: 5px;
	margin: 8px;
	background-color: #E0EFD1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

a.dt:link {color: #000000; text-decoration: underline; }
a.dt:active {color: #000000; text-decoration: underline; }
a.dt:visited {color: #000000; text-decoration: underline; }
a.dt:hover {color: #000000; text-decoration: none; }

a.dt-raquo:link {color: #000000; text-decoration: none; }
a.dt-raquo:active {color: #000000; text-decoration: none; }
a.dt-raquo:visited {color: #000000; text-decoration: none; }
a.dt-raquo:hover {color: #000000; text-decoration: none; }



.backgroundActiveReply {
	border-top: 1px solid red;
	border-right: 1px solid red;
	border-bottom: 1px solid red;
	border-left: 1px solid red;
	padding: 5px;
	margin: 8px;
	background-color: #E0EFD1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

.backgroundReply {
	border-top: 1px solid #99CC66;
	border-right: 1px solid #99CC66;
	border-bottom: 1px solid #99CC66;
	border-left: 1px solid #99CC66;
	padding: 5px;
	margin: 8px;
	background-color: #E0EFD1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

.dt-greenbox {
	border-top: thin solid #92C65E;
	border-right: thin solid #92C65E;
	border-bottom: thin solid #92C65E;
	border-left: thin solid #92C65E;
	padding: 5px;
	margin: 8px;
	background-color: #BEDD9F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

.dt-greenbox-active {
	border-top: thin solid red;
	border-right: thin solid red;
	border-bottom: thin solid red;
	border-left: thin solid red;
	padding: 5px;
	margin: 8px;
	background-color: #BEDD9F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

.dt-preview {
	border-top: thin solid #FF6600;
	border-right: thin solid #FF6600;
	border-bottom: thin solid #FF6600;
	border-left: thin solid #FF6600;
	padding: 5px;
	margin: 8px;
	background-color: #FFCC33;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
*/